{include file="layout/header" /}

<script type="text/html" id="switchTpl">
    <!-- 这里的 checked 的状态只是演示 -->
    <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="sexDemo" {{ d.status == 1 ? 'checked' : '' }}>
</script>

<script>
    layui.use(['table', 'jquery', 'layer', 'carousel','form','element',], function () {
        var table = layui.table;
        var jquery = layui.jquery;
        var element = layui.element;
        var layer = layui.layer;
        var form = layui.form;
        //第一个实例
        table.render({
            elem: '#demo'
            , url: '/admin/group/group_List' //数据接口
            , toolbar: 'default'
            , page: true //开启分页
            , cols: [[ //表头
                {type: 'checkbox', fixed: 'left'}
                , {field:'id',title:'id',align:'center',width:80,sort:true,fixed:'left'}
                , {field:'title',title:'用户组',align:'center',width:120,sort:true, fixed: 'left'}
                , {field:'status',title:'状态',align:'center',width:120,templet: '#switchTpl',unresize:true}

                , {field:'name',title:'用户组规则',align:'center',width: 600,sort:true}
                , {fixed:'right',title: '操作',align:'center',toolbar:'#barDemo'}
            ]]
        });

        //监听是否显示操作
        form.on('switch(sexDemo)', function(obj){
            jquery.ajax({
                url:"{:url('admin/group/groupUpdateStatus')}",
                data:{id:this.value,status:obj.elem.checked},
                type:"post",
                success:function(data){
                    if(data.code == 1){
                        layer.msg('修改成功');
                    }else{
                        layer.msg('修改失败');
                    }
                }
            });
        });

        //表头 批量删除 修改以及添加
        table.on('toolbar(test)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id),
                data = checkStatus.data;//获取选中的数据
            //  console.log(data.id);
            var ids = "";
            for (var i = 0; i < data.length; i++) {
                ids += data[i].id + ',';
            }
            //alert(ids);
            switch (obj.event) {
                case 'add':
                    layer.open({
                        type: 2
                        //弹出层样式
                        , area: ['650px', '600px']
                        //宽高
                        , title: '添加操作'
                        //标题信息
                        , content: "{:url('group/groupAdd')}"
                        // 关闭窗口
                        ,btn :'关闭窗口'
                    });
                    break;
                case 'update':
                    if (data.length === 0) {
                        layer.msg('请选择一行')
                    } else if (data.length > 1) {
                        layer.msg('只能同时编辑一个');
                    } else {
                        layer.open({
                            type: 2
                            , title: '编辑'
                            , area: ['600px', '650px']
                            , content: "{:url('admin/Group/groupUpd')}" + "?id=" + data[0]['id']
                            // 关闭窗口
                            ,btn :'关闭窗口',
                        });
                    }


                    break;
                case 'delete':
                    if (data.length === 0) {
                        layer.msg('请选择一行')
                    } else {
                        layer.confirm('真的要删除吗', function (index) {
                            jquery.ajax({
                                url: "{:url('group/DelAll')}",
                                type: "POST",
                                //获取object对象中的data里的id  作为删除条件
                                data: "id=" + ids,
                                success: function (res) {
                                    if (res.code == 1) {
                                        //关闭弹框
                                        jquery(".layui-form-checked").each(
                                            function () {
                                                jquery(this).parents("tr").remove();
                                            }
                                        );
                                        layer.msg('删除成功', {icon: 6});
                                        layer.close(index);
                                    } else {
                                        layer.msg('删除失败', {icon: 5});
                                    }
                                }
                            });
                            return false;
                        });
                    }
                    break;
            }
        });
        //监听头工具栏事件
        table.on('tool(test)', function (obj) {
            var data = obj.data;
            var Event = obj.event;
            if(Event === 'detail') { //查看
                //do somehing
                layer.open({
                    type: 0,
                    anim: 5,
                    title: '数据信息展示',
                    area: ['400px', '400px'],
                    content: 'id：' + obj.data.id + '<br/>' + '用户组规则：' + obj.data.name + '<br/>' + '标题：' + obj.data.title + '<br/>' + '状态码：' + obj.data.status + '<br/>'
                    //content:'id：'+'<input type="text" value="'+obj.data.id+'">',
                });
            } else if (Event === 'del') {
                layer.confirm('确定要删除这条记录么', function (index) {
                    jquery.ajax({
                        url: "delGroup",
                        type: "POST",
                        //获取到obj对象里面data里的id作为删除条件
                        data: {id: obj.data.id},
                        success: function (msg) {
                            if (msg.code == 1) {
                                //删除这一行
                                obj.del();
                                //关闭弹窗
                                layer.msg('删除成功', {icon: 1});
                            } else {
                                layer.msg('删除失败', {icon: 2});
                            }
                        }
                    });
                    return false;
                });
            } else if (Event === 'edit') {
                var id = obj.data.id;
                layer.open({
                    type: 2
                    , area: ['600px', '650px']
                    , title: '修改页面'
                    , content: "{:url('admin/group/groupUpd')}" + "?id=" + id
                    // 关闭窗口
                    ,btn :'关闭窗口',
                })
            }
        });
    });
</script>
{include file="layout/footer" /}